<!--
  ~ Copyright (c) 馬駿朱 13921877634 2025.
  -->

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>存货档案</title>
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/font/bootstrap-icons.min.css}">
</head>
<body>
    <div class="container text-center">
        <nav class="navbar mb-3 mt-3" style="background-color: #e3f2fd;">
            <div class="container-fluid">
                <a class="navbar-brand">存货档案</a>
                <form class="d-flex" role="search">
                    <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
                    <button class="btn btn-outline-primary" type="submit">Search</button>
                </form>
            </div>
        </nav>
        <div class="text-start">
            <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <i class="bi bi-balloon-heart me-2"></i>
                    <li class="breadcrumb-item"><a href="#">存货档案</a></li>
                    <li class="breadcrumb-item active" aria-current="page">新增</li>
                </ol>
            </nav>
        </div>
        <hr>
        <div class="row">
            <div class="col">
                <div class="input-group mb-3">
                    <label class="input-group-text text-bg-danger" for="basic-addon1">存货编码</label>
                    <input type="text" class="form-control" id="basic-addon1" placeholder="*必填，保存后不可修改">
                </div>
            </div>
            <div class="col">
                <div class="input-group mb-3">
                    <label class="input-group-text" for="basic-addon10">存货代码</label>
                    <input type="text" class="form-control" id="basic-addon10" placeholder="">
                </div>
            </div>
            <div class="col">
                <div class="input-group mb-3">
                    <label class="input-group-text" for="basic-addon13">存货名称</label>
                    <input type="text" class="form-control" id="basic-addon13" placeholder="">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="input-group mb-3">
                    <label class="input-group-text" for="basic-addon11">存货分类</label>
                    <input type="text" class="form-control" id="basic-addon11" placeholder="">
                </div>
            </div>
            <div class="col">
                <div class="input-group mb-3">
                    <label class="input-group-text" for="basic-addon14">规格型号</label>
                    <input type="text" class="form-control" id="basic-addon14" placeholder="">
                </div>
            </div>
            <div class="col">
                <div class="input-group mb-3">
                    <label class="input-group-text" for="basic-addon15">通用名称</label>
                    <input type="text" class="form-control" id="basic-addon15" placeholder="">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="input-group mb-3">
                    <label class="input-group-text" for="basic-addon16">主计量单位</label>
                    <input type="text" class="form-control" id="basic-addon16" placeholder="">
                </div>
            </div>
            <div class="col">
                <div class="input-group mb-3">
                    <label class="input-group-text" for="basic-addon17">销售默认单位</label>
                    <input type="text" class="form-control" id="basic-addon17" placeholder="">
                </div>
            </div>
            <div class="col">
                <div class="input-group mb-3">
                    <label class="input-group-text" for="basic-addon18">采购默认单位</label>
                    <input type="text" class="form-control" id="basic-addon18" placeholder="">
                </div>
            </div>
            <div class="col">
                <div class="input-group mb-3">
                    <label class="input-group-text" for="basic-addon19">库存默认单位</label>
                    <input type="text" class="form-control" id="basic-addon19" placeholder="">
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-body text-start row d-flex justify-content-around">
                <h6 class="card-title">存货属性</h6>
                <hr>
                <div class="form-check col-2">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                    <label class="form-check-label" for="flexCheckDefault">
                        内销
                    </label>
                </div>
                <div class="form-check col-2">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked">
                    <label class="form-check-label" for="flexCheckChecked">
                        采购
                    </label>
                </div>
                <div class="form-check col-2">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheck01">
                    <label class="form-check-label" for="flexCheck01">
                        自制
                    </label>
                </div>
                <div class="form-check col-2">
                    <input class="form-check-input" type="checkbox" value="" id="flexCheck02" th:checked="checked">
                    <label class="form-check-label" for="flexCheck02">
                        生产耗用
                    </label>
                </div>
            </div>
        </div>
        <hr>
        <div class="d-flex flex-row-reverse">
            <button type="button" class="btn btn-danger">删 除</button>
            <button type="button" class="btn btn-warning ms-3 me-3">修 改</button>
            <button type="button" class="btn btn-success">保 存</button>
        </div>
    </div>
</body>
</html>